@import "partials/mixins";
footer {
    background: #1A1C23;
    font-size: pxToRem(26px);
    a{
      color: #fff;
      padding: pxToRem(10px) 0;
      i{
        display: block;
        width: pxToRem(48px);
        height:pxToRem(48px);
        margin-bottom: pxToRem(10px);
      }
      .bar_icon_1{
        background:url("~img/bar_icon_1.png") no-repeat center center;
        background-size: 100% 100%;
      }
      .bar_icon_2{
        background:url("~img/bar_icon_2.png") no-repeat center center;
        background-size: 100% 100%;
      }
      .bar_icon_3{
        background:url("~img/bar_icon_3.png") no-repeat center center;
        background-size: 100% 100%;
      }
      .bar_icon_4{
        background:url("~img/bar_icon_4.png") no-repeat center center;
        background-size: 100% 100%;
      }
      .bar_icon_5{
        background:url("~img/bar_icon_5.png") no-repeat center center;
        background-size: 100% 100%;
      }
      &.current{
        color:#26A6A9;
        .bar_icon_1{
          background:url("~img/bar_icon_1_current.png") no-repeat center center;
          background-size: 100% 100%;
        }
        .bar_icon_2{
          background:url("~img/bar_icon_2_current.png") no-repeat center center;
          background-size: 100% 100%;
        }
        .bar_icon_3{
          background:url("~img/bar_icon_3_current.png") no-repeat center center;
          background-size: 100% 100%;
        }
        .bar_icon_4{
          background:url("~img/bar_icon_4_current.png") no-repeat center center;
          background-size: 100% 100%;
        }
        .bar_icon_5{
          background:url("~img/bar_icon_5_current.png") no-repeat center center;
          background-size: 100% 100%;
        }
      }
    }
}
